<template>
	<div class="detail">
		<detailBanner></detailBanner>
		<detailHeader></detailHeader>
		<detailList :list="list"></detailList>
		<div class="conent"></div>
	</div>
</template>
<script>
import DetailBanner from './common/banner.vue'
import DetailHeader from './common/header.vue'
import DetailList from './common/list.vue'
export default{
		components:{DetailBanner,DetailHeader,DetailList},
		data(){
			return{
				list:[]
			}
		},
		mounted(){
			this.getDetailList();
		},
		methods:{
			getDetailList(){
				this.$axios.get('/api/detail.json',{params:{
					id:this.$route.params.id
				}}).then((res)=>{
					if(res.data.ret){
						this.list=res.data.data.categoryList;
					}

				})
			}
		}

}
</script>
<style lang="scss">
.conent{
	height:50rem;
}
</style>